<h3>描述</h3>
<p>Menu菜单组件: 基础显示</p>
<h3>导入</h3>
<p>import {{ '{' }} TiMenuModule {{ '}' }} from '@opentiny/ng';</p>
<h3>示例</h3>

<p>1.默认显示label</p>
<div style="margin-left: 500px; margin-top: 100px">
  <ti-menu [panelMaxWidth]="panelMaxWidth" [items]="options" (select)="onSelect($event)"> 导出 </ti-menu>
</div>

<p>2.labelKey：指定要显示文字的键值</p>
<div style="margin-left: 500px; margin-top: 100px">
  <ti-menu [panelMaxWidth]="panelMaxWidth" [items]="options1" labelKey="title" (select)="onSelect($event)"> 导出 </ti-menu>
</div>

<p>3.自定义 <b>item</b> 模板（<b style="color: red">添加 #item 标签</b>）</p>
<div style="margin-left: 500px; margin-top: 100px">
  <ti-menu #menu2 [panelMaxWidth]="panelMaxWidth" labelKey="title" [items]="options2">
    导出
    <!-- 自定义item模板（添加 #item 标签） -->
    <ng-template #item let-item let-i="index">
      <span><b style="color: dodgerblue">自定义item模板</b> - index: {{i}} + item的label： {{item.label}}</span>
    </ng-template>
  </ti-menu>
</div>

<p>4.<b style="color: gray">兼容旧版模板测试（10.0.3 之前版本）</b></p>
<p>自定义 <b>item</b> 模板（<b style="color: red">未添加 #item 标签</b>）</p>
<div style="margin-left: 500px; margin-top: 100px">
  <ti-menu #menu2 [panelMaxWidth]="panelMaxWidth" labelKey="title" [items]="options2">
    导出
    <!-- 自定义item模板（未添加 #item 标签） -->
    <ng-template let-item let-i="index">
      <span><b style="color: dodgerblue">自定义item模板</b> - index: {{i}} + item的label： {{item.label}}</span>
    </ng-template>
  </ti-menu>
</div>
